/*面包屑导航*/
import React, { Component } from 'react';
import {Breadcrumb } from 'antd';
import Clock from '../clock';
import Weather from '../weather'
import {connect} from 'react-redux';

import './style.less';

const { Item } = Breadcrumb;


class BreadcrumbNav extends Component {
  render() {
    const{menuName} = this.props;
    return (
      <div className="pinlor-breadcrumb-nav-box">
        <Breadcrumb className="pinlor-breadcrumb-nav">
          {
            menuName.map(item=>(<Item key={item}>{item}</Item>))
          }
        </Breadcrumb>
        <Clock/>
        <div className="pinlor-weather-box">
          <Weather/>
        </div>
      </div>
    )
  }
}

const mapStateToProps = state=>({
  menuName: state.leftMenu.menuName
});

export default connect(mapStateToProps, null)(BreadcrumbNav);
